@charset "UTF-8";
.all-game ul>a:before,.arrow-left,.part1 .btn-more:before,.arrow-right,.btn-home,.btn-home-select,.btn-like,.btn-liked,.btn-more,.btn-more-select,.btn-more1,.btn-return,.content-slide ul li .info,.content-slide ul li .info:after,.header .nav .hover,.hover-bg,.icon-arrow,.icon-arrowed,.icon-eye,.icon-like,.icon-time,.icon-time1,.li-bg,.li-bg-hover,.li-bg1,.li-bg1-hover,.logo,.news .left .getdata span.like:after,.news .left .getdata span.lll:after,.news .left .getdata span.time:before,.news .left>.btn-like.on,.news>div.left .news-list>.btn-more1:before,.news>div.left li>div.news-txt2 .news-info:after,.news>div.right .rm-news li:after,.news>div.right .rm-news li:before,.part2 .btn-more:before,.part3 .btn-more:before,.sprite-img,.swiper-container3 .content-slide ul li,.swiper-container3 .content-slide ul li p.test-data:before,.swiper-container3 .content-slide ul li:before,.tabs,.tabs-bg,.title1,.title2,.title3,.title4{background-image:url(//game.gtimg.cn/images/jgyx/web202002/sprite-img.png);background-size:1047px 702px;background-repeat:no-repeat}
.arrow-left{background-position:-420px -468px;width:50px;height:100px}
.arrow-right{background-position:-365px -468px;width:50px;height:100px}
.btn-home-select{background-position:-764px -512px;width:50px;height:69px}
.btn-home{background-position:-750px -421px;width:50px;height:69px}
.btn-like{background-position:-679px -512px;width:80px;height:80px}
.btn-liked,.news .left>.btn-like.on{background-position:-594px -512px;width:80px;height:80px}
.all-game ul>a:before,.btn-more-select,.news>div.left .news-list>.btn-more1:before,.part1 .btn-more:before,.part2 .btn-more:before,.part3 .btn-more:before{background-position:-365px -378px;width:154px;height:40px}
.btn-more{background-position:-823px -531px;width:154px;height:40px}
.btn-more1{background-position:-365px -333px;width:154px;height:40px}
.btn-return{background-position:-365px -423px;width:154px;height:40px}
.header .nav .hover,.hover-bg{background-position:0 0;width:360px;height:258px}
.icon-arrow,.news>div.right .rm-news li:after{background-position:-1023px -335px;width:19px;height:19px}
.icon-arrowed,.news>div.left li>div.news-txt2 .news-info:after,.news>div.right .rm-news li:before{background-position:-1023px -311px;width:19px;height:19px}
.icon-eye,.news .left .getdata span.lll:after{background-position:-1023px -382px;width:16px;height:10px}
.icon-like,.news .left .getdata span.like:after{background-position:-1022px -421px;width:13px;height:11px}
.icon-time,.news .left .getdata span.time:before{background-position:-1023px -397px;width:12px;height:12px}
.icon-time1,.swiper-container3 .content-slide ul li p.test-data:before{background-position:-1023px -359px;width:19px;height:18px}
.content-slide ul li .info:after,.li-bg-hover{background-position:-823px 0;width:224px;height:306px}
.content-slide ul li .info,.li-bg{background-position:-594px 0;width:224px;height:306px}
.li-bg1-hover,.swiper-container3 .content-slide ul li:before{background-position:0 -263px;width:224px;height:329px}
.li-bg1,.swiper-container3 .content-slide ul li{background-position:-365px 0;width:224px;height:328px}
.logo{background-position:-594px -421px;width:151px;height:86px}
.tabs,.tabs-bg{background-position:-250px -597px;width:506px;height:13px}
.title1{background-position:-823px -421px;width:194px;height:105px}
.title2{background-position:-594px -311px;width:194px;height:105px}
.title3{background-position:-823px -311px;width:195px;height:105px}
.title4{background-position:0 -597px;width:245px;height:105px}
article,body,dd,dl,footer,form,h1,h2,h3,h4,h5,h6,header,ol,p,section,ul{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
body{padding-top:42px}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0;list-style:none}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
a:not(.gray):hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
/*!! 通用底部样式*/
#afooter{text-align:center;position:relative;display:inline-block;vertical-align:middle;margin-left:30px}
#afooter .wrap_ieg{width:700px;margin:0 auto;text-align:left}
#afooter p{color:#92a3b7;line-height:24px;font-size:10px}
#afooter a{color:#92a3b7;font-size:12px}
/*!! asyncCookie的iframe样式*/
#loginStatusSyncFrame_ams_ame{display:block}
.g-bg{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:url(//game.gtimg.cn/images/jgyx/web202002/bg.jpg) no-repeat center top}
#_overlay_,#actTitleWrap,.ost,.ost_box,body{min-width:1200px!important}
.g-wrap{overflow:hidden;position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';width:100%;padding-top:25px;box-sizing:border-box;transition:3s;-webkit-transition:3s}
.g-wrap a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3s,border .3s,color .3s}
.g-wrap a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.g-wrap.g-news{padding-top:0;background:0 0}
.g-wrap.g-wrap3{background:url(//game.gtimg.cn/images/jgyx/web202002/bg1.jpg) no-repeat center top}
.top>img{border-radius: 4px}
.g-wrap.g-wrap3 .top{background:0 0}
.g-wrap.g-wrap3 .bottom{background:0 0;padding-top:400px}
.bg{position:absolute;z-index:1;top:0;left:50%;margin-left:-1280px}
.nav-hover{position:fixed;top:50%;margin-top:-160px;left:10px;z-index:10000}
.nav-hover.nav-hover1{right:10px;left:auto}
.nav-hover a{display:block;position:relative}
.nav-hover a:after{width:65px;font-size:12px;color:#303030;background-color:#d3d3d3;text-align:center;display:inline-block;padding:2px;box-sizing:border-box;position:absolute;bottom:10px;right:-8px;opacity:0;transition:.5s;-webkit-transition:.5s}
.nav-hover a:hover:after{opacity:1}
.nav-hover a.btn-yy{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav.png) no-repeat 0 0;width:50px;height:69px}
.nav-hover a.btn-yy:after{content:'新品预约'}
.nav-hover a.btn-yy.on,.nav-hover a.btn-yy:active,.nav-hover a.btn-yy:hover{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav-hover.png) no-repeat 0 0;width:50px;height:69px}
.nav-hover a.btn-game{background:url(//game.gtimg.cn/images/jgyx/web202002/game-nav.png) no-repeat 0 -70px;width:50px;height:69px}
.nav-hover a.btn-game:after{content:'游戏列表'}
.nav-hover a.btn-game.on,.nav-hover a.btn-game:active,.nav-hover a.btn-game:hover{background:url(//game.gtimg.cn/images/jgyx/web202002/game-nav-hover.png) no-repeat 0 -70px;width:50px;height:69px}
.nav-hover a.btn-home{background:url(//game.gtimg.cn/images/jgyx/web202002/game-nav.png) no-repeat 0 0;width:50px;height:69px}
.nav-hover a.btn-home:after{content:'返回首页'}
.nav-hover a.btn-home.on,.nav-hover a.btn-home:active,.nav-hover a.btn-home:hover{background:url(//game.gtimg.cn/images/jgyx/web202002/game-nav-hover.png) no-repeat 0 0;width:50px;height:69px}
.nav-hover a.btn-tj{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav.png) no-repeat 0 -70px;width:50px;height:69px}
.nav-hover a.btn-tj:after{content:'热门推荐'}
.nav-hover a.btn-tj.on,.nav-hover a.btn-tj:active,.nav-hover a.btn-tj:hover{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav-hover.png) no-repeat 0 -70px;width:50px;height:69px}
.nav-hover a.btn-cs{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav.png) no-repeat 0 -210px;width:50px;height:69px}
.nav-hover a.btn-cs:after{content:'新游测试表'}
.nav-hover a.btn-cs.on,.nav-hover a.btn-cs:active,.nav-hover a.btn-cs:hover{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav-hover.png) no-repeat 0 -210px;width:50px;height:69px}
.nav-hover a.btn-zx{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav.png) no-repeat 0 -140px;width:50px;height:69px}
.nav-hover a.btn-zx:after{content:'最新资讯'}
.nav-hover a.btn-zx.on,.nav-hover a.btn-zx:active,.nav-hover a.btn-zx:hover{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav-hover.png) no-repeat 0 -140px;width:50px;height:69px}
.nav-hover a.btn-top{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav.png) no-repeat 0 -280px;width:50px;height:69px}
.nav-hover a.btn-top:after{content:'返回顶部'}
.nav-hover a.btn-top.on,.nav-hover a.btn-top:active,.nav-hover a.btn-top:hover{background:url(//game.gtimg.cn/images/jgyx/web202002/index-nav-hover.png) no-repeat 0 -280px;width:50px;height:69px}
.nav-hover a.btn-list{background:url(//game.gtimg.cn/images/jgyx/web202002/news-nav.png) no-repeat 0 -70px;width:50px;height:69px}
.nav-hover a.btn-list:after{content:'新闻列表'}
.nav-hover a.btn-list.on,.nav-hover a.btn-list:active,.nav-hover a.btn-list:hover{background:url(//game.gtimg.cn/images/jgyx/web202002/news-nav-hover.png) no-repeat 0 -70px;width:50px;height:69px}
.header{width:1200px;margin:0 auto;position:relative;z-index:30}
.header .logo{display:inline-block;vertical-align:middle}
.header .nav{display:inline-block;vertical-align:middle;float:right;line-height:60px;position:relative}
.header .nav .hover{position:absolute;top:40px;right:150px;z-index:30;padding:20px 20px 0;box-sizing:border-box;display:none}
.header .nav .hover ul li{text-align:left;padding:15px 0;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}
.header .nav .hover ul li.bottom{border:none;background:0 0}
.header .nav .hover ul li p{font-size:16px;line-height:25px}
.header .nav .hover ul li p.title{color:#ffde30;font-weight:600}
.header .nav .hover ul li p.email{color:#fff}
.header .nav a{color:#fff;font-size:18px;margin-left:70px}
.header .nav a:hover{color:#4c9dcf}
.banner{width:1200px;height:460px;margin:20px auto 0;position:relative}
.banner .arrow-left{display:block;position:absolute;left:-70px;top:50%;margin-top:-100px;animation:1s;-webkit-animation:1s}
.banner .arrow-left:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}
.banner .arrow-right{display:block;position:absolute;right:-70px;top:50%;margin-top:-100px;animation:1s;-webkit-animation:1s}
.banner .arrow-right:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}
.swiper-container1{height:380px;width:1200px;border-radius:20px}
.swiper-container1 .swiper-wrapper{width:1200px;height:380px}
.swiper-container1 .swiper-wrapper .swiper-slide img{transition:.5s;-webkit-transition:.5s;width: 100%;}
.swiper-container1 .swiper-wrapper .swiper-slide a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%}
.pagination2{
	bottom:85px;
}
.swiper-pagination-switch{display:inline-block;width:80px;height:5px;background:rgba(255,255,255,.1);margin:0 3px;cursor:pointer;transition:.5s}
.swiper-active-switch{background:#fff}
.pagination2 .swiper-active-switch,.pagination3 .swiper-active-switch{background:#28d7e0}
.banner,.footer1{position:relative;z-index:3}
.part{position:relative;z-index:3}
.part .content{max-width:1200px;margin:auto;position:relative}
.part .content.content1,.part .content.content2{text-align:right;margin-top:70px}
.part1 a.btn-more{
	display: block;
	margin:0 auto 0;
	position: relative;
	transition:.5s;
	-webkit-transition:.5s
}
.part1 .btn-more:before{width:100%; height:100%; position:absolute;display:block;content:'';left:0;top:0;opacity:0;transition:.5s;-webkit-transition:.5s}
.part1 .btn-more:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px)}
.part1 .btn-more:hover:before{opacity:1}
.part .content.content1{height:575px}
.part .content .more{color:rgba(255,255,255,.5);font-size:14px;text-align:right}
.part .title{margin:0 auto}
.part1{opacity:0;transform:translate(0,200px);-webkit-transform:translate(0,200px);margin-top:200px;height:775px;transition:1s;-webkit-transition:1s;position:relative}
.part1 .swiper-container2{margin-top:35px}
.part1.show{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}
.content-slide ul{font-size:0;text-align:center}
.content-slide ul li{position:relative;display:inline-block;vertical-align:middle;border-radius:5px;overflow:hidden}
.content-slide ul li+li{margin-left:20px}
.content-slide ul li>a{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:4}
.content-slide ul li>.img{width:224px;height:260px;position:relative;z-index:3;overflow:hidden}
.content-slide ul li>.img img{width:100%;height:100%;transition:.3s;-webkit-transition:.3s;border-radius: 5px}
.content-slide ul li .info{margin-top:-145px;padding-top:170px;box-sizing:border-box;text-align:center;position:relative}
.content-slide ul li .info:after{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;opacity:0;transition:.5s;-webkit-transition:.5s;z-index:0}
.content-slide ul li .info p{text-align:center}
.content-slide ul li .info p.book-name{font-size:16px;color:#fff}
.content-slide ul li .info p.book-data{font-size:12px;color:rgba(255,255,255,.5)}

.content-slide ul li .info > .go {
	font-size: 18px;
	font-weight: 700;
	color: rgba(255, 255, 255, .5);
	z-index: 3;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 20px;
}
.content-slide ul li .info .sign {
	font-size: 0;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 5px;
}

.content-slide ul li .info .sign span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	border-radius: 3px;
	margin: 0 2px;
}
.content-slide ul li .info .sign .green{background:#2b84aa}
.content-slide ul li .info .sign .blue{background:#3d41c7}
.content-slide ul li .info .sign .purple{background:#8a53d9}
.content-slide ul li:hover .img img{transform:scale(1.2);-webkit-transform:scale(1.2)}
.content-slide ul li:hover .info>span{color:#fff}
.content-slide ul li:hover .info:after{opacity:1}
.arrow-left1,.arrow-left2{position:absolute;left:352px;bottom:0;font-size:18px;font-weight:700;color:#fff;animation:1s;-webkit-animation:1s}
.arrow-left1:hover,.arrow-left2:hover{transform:scale(1.2);-webkit-transform:scale(1.2)}
.arrow-left1:after,.arrow-left2:after{display:block;width:1px;height:13px;background:#fff;content:'';position:absolute;left:30px;bottom:6px}
.arrow-right1,.arrow-right2{position:absolute;right:352px;bottom:0;font-size:18px;font-weight:700;color:#fff;animation:1s;-webkit-animation:1s}
.arrow-right1:hover,.arrow-right2:hover{transform:scale(1.2);-webkit-transform:scale(1.2)}
.arrow-left1,.arrow-right1{bottom:80px;}
.arrow-right1:before,.arrow-right2:before{display:block;width:1px;height:13px;background:#fff;content:'';position:absolute;left:-15px;bottom:6px}
.tabs{margin:70px auto 0}
.tabs .nav1{text-align:center;font-size:0;margin:0 auto}
.tabs .nav1 a{display:inline-block}
.tabs a{display:inline-block}
.swiper-container2{width:1200px;height:425px;width:1200px;border-top:0}
.swiper-container3{height:335px;width:1200px;border-top:0}
.swiper-container3 .swiper-wrapper{height:335px}
.swiper-container3 .swiper-slide{height:335px;width:1200px}
.swiper-container2 .swiper-slide{height:425px;width:1200px;background:0 0;color:#fff}
.swiper-container3 .content-slide{text-align:center}
.swiper-container3 .content-slide ul li{padding-top:20px;box-sizing:border-box;position:relative;transition:.5s;-webkit-transition:.5s}
.swiper-container3 .content-slide ul li:before{position:absolute;top:0;left:0;content:'';display:block;opacity:0;transition:.5s;-webkit-transition:.5s}
.swiper-container3 .content-slide ul li:hover:before{opacity:1}
.swiper-container3 .content-slide ul li:hover p.test-data{color:#fff}
.swiper-container3 .content-slide ul li>.img{margin:0 auto;width:120px;height:120px;border-radius:20px;overflow:hidden}
.swiper-container3 .content-slide ul li span.go{ display: block; text-align: center; font-size: 16px; font-weight: 600; color: #fff; position: absolute; z-index: 3; left: 50%; margin-left: -5%; bottom: 23px; }
.swiper-container3 .content-slide ul li p{text-align:center;font-size:0}
.swiper-container3 .content-slide ul li p.test-name{font-size:16px;margin-top:25px;color:#fff}
.swiper-container3 .content-slide ul li p.sign{margin-top:10px}
.swiper-container3 .content-slide ul li p.sign span{display:inline-block;vertical-align:middle;padding:0 10px;box-sizing:border-box;color:#fff;text-align:center;font-size:12px;height:25px;line-height:25px;border-radius:3px}
.swiper-container3 .content-slide ul li p.sign span+span{margin-left:5px}
.swiper-container3 .content-slide ul li p.sign span.green{background:#2b84aa}
.swiper-container3 .content-slide ul li p.sign span.blue{background:#3d41c7}
.swiper-container3 .content-slide ul li p.sign span.purple{background:#8a53d9}
.swiper-container3 .content-slide ul li p.test-data{position:relative;display:inline-block;text-indent:21px;font-size:12px;color:rgba(255,255,255,.5);margin-top:10px;line-height:22px;transition:.5s;-webkit-transition:.5s}
.swiper-container3 .content-slide ul li p.test-data:before{position:absolute;content:'';top:2px;left:0}
.part2{margin-top:200px;transform:translate(0,200px);-webkit-transform:translate(0,200px);transition:1s;-webkit-transition:1s;opacity:0}
.part2.show{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}
.part2 .content-slide{margin-top:35px}
.part2 .btn-more{display:block;margin:70px auto 0;transition:.5s;-webkit-transition:.5s;position:relative}
.part2 .btn-more:before{position:absolute;display:block;content:'';left:0;top:0;opacity:0;transition:.5s;-webkit-transition:.5s}
.part2 .btn-more:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px)}
.part2 .btn-more:hover:before{opacity:1}
@keyframes offset{
100%{transform:translateY(-10px)}
}
@-webkit-keyframes offset{
100%{transform:translateY(-10px)}
}
.part3{margin-top:200px;transform:translate(0,200px);-webkit-transform:translate(0,200px);transition:1s;-webkit-transition:1s;opacity:0}
.part3.show{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}
.part3 .btn-more{display:block;margin:75px auto 0;transition:.5s;-webkit-transition:.5s;position:relative}
.part3 .btn-more:before{position:absolute;display:block;content:'';left:0;top:0;opacity:0;transition:.5s;-webkit-transition:.5s}
.part3 .btn-more:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px)}
.part3 .btn-more:hover:before{opacity:1}
.part3 .content3{font-size:0}
.part3 .content3>div{height:290px;display:inline-block;vertical-align:middle;margin-top:110px}
.part3 .content3>div.left{border-top:1px solid rgba(255,255,255,.2);width:940px}
.part3 .content3>div.left li{border-bottom:1px solid rgba(255,255,255,.2);line-height:70px;text-align:left;font-size:0;position:relative}
.part3 .content3>div.left li>a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.part3 .content3>div.left li:hover span{color:#fff}
.part3 .content3>div.left li:hover span.icon-arrow{opacity:0;margin-right:10px}
.news>div.left li>div.news-txt2 .part3 .content3>div.left li:hover span.news-info:after,.part3 .content3>div.left li:hover .news>div.left li>div.news-txt2 span.news-info:after,.part3 .content3>div.left li:hover span.icon-arrowed{opacity:1}
.part3 .content3>div.left li:hover span.info-txt{transform:translateX(10px);-webkit-transform:translateX(10px)}
.part3 .content3>div.left li:hover span.s-data{transform:translateX(10px);-webkit-transform:translateX(10px)}
.part3 .content3>div.left li span{display:inline-block;vertical-align:middle;font-size:18px;color:rgba(255,255,255,.5)}
.part3 .content3>div.left li span.s-data{width:150px;position:relative;transition:.5s;-webkit-transition:.5s}
.part3 .content3>div.left li span.s-data:after{display:block;content:'';width:1px;height:10px;background:#fff;position:absolute;bottom:30px;right:30px}
.part3 .content3>div.left li span.info-txt{width:715px;height:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;transition:.5s;-webkit-transition:.5s}
.news>div.left .part3 .content3>div.left li>div.news-txt2 span.news-info:after,.part3 .content3>div.left .news>div.left li>div.news-txt2 span.news-info:after,.part3 .content3>div.left li span.icon-arrow,.part3 .content3>div.left li span.icon-arrowed{float:right;margin-top:35px;transition:.5s;-webkit-transition:.5s}
.news>div.left .part3 .content3>div.left li>div.news-txt2 span.news-info:after,.part3 .content3>div.left .news>div.left li>div.news-txt2 span.news-info:after,.part3 .content3>div.left li span.icon-arrowed{opacity:0}
.part3 .content3>div.right{float:right;width:226px;height:290px;overflow:hidden}
.part3 .content3>div.right .img{width:224px;height:288px;overflow:hidden}
.part3 .content3>div.right .img a{display:block;width:224px;height:288px;overflow:hidden}
.part3 .content3>div.right .img img{width:224px;height:288px;border-radius:8px}
.part3 .content3>div.right p{font-size:0;text-align:center;color:#fff}
.footer1{width:100%;margin:76px auto 0;background:url(//game.gtimg.cn/images/jgyx/web202002/foot-bg.png);background-repeat:no-repeat;background-position:top center;padding-top:490px;box-sizing:border-box;height:771px}
.footer1 .foot-content{width:1200px;margin:0 auto}
.footer1 .logo{display:inline-block;vertical-align:middle;float:right;margin-top:110px}
.footer1 .left{display:inline-block;vertical-align:middle}
.footer1 .left>p{font-size:30px;text-align:left;font-weight:600;color:#ffde30}
.footer1 ul{margin-top:15px;font-size:0;text-align:left;padding-bottom:50px;box-sizing:border-box}
.footer1 ul li{display:inline-block;text-align:center}
.footer1 ul li+li{margin-left:30px}
.footer1 ul li p{font-size:16px;text-align:center;color:#fff;line-height:30px}
.footer1 ul li img{width:120px;height:120px;border-radius:5px}
.icon-sm-gulp{z-index:3;position:absolute;top:0;left:-10px}
.animation3{animation:scale1 2s linear 1 forwards 1s;-webkit-animation:scale1 2s linear 1 forwards 1s}
.animation4{animation:float1 4s linear infinite;-webkit-animation:float1 4s linear infinite}
@keyframes float1{
0%,100%,50%{transform:translate(10);-webkit-transform:translate(0)}
25%{transform:translate(-10px);-webkit-transform:translate(-10px)}
75%{transform:translate(10px);-webkit-transform:translate(10px)}
}
@keyframes scale1{
0%{top:-459px;left:-551px;transform:scale(0);-webkit-transform:scale(0)}
100%{top:0;left:0;transform:scale(0);-webkit-transform:scale(1)}
}
@-webkit-keyframes scale1{
0%{top:-459px;left:-551px;transform:scale(0);-webkit-transform:scale(0)}
100%{top:0;left:0;transform:scale(0);-webkit-transform:scale(1)}
}
.animation1{animation:scale2 4s linear 1 forwards;-webkit-animation:scale2 4s linear 1 forwards}
@keyframes scale2{
100%{top:0;right:0;transform:scale(1);-webkit-transform:scale(1)}
}
@-webkit-keyframes scale2{
100%{top:0;right:0;transform:scale(1);-webkit-transform:scale(1)}
}
.animation2{animation:float 4s linear infinite;-webkit-animation:float 4s linear infinite}
@keyframes float{
0%,100%,50%{transform:translateY(0);-webkit-transform:translateY(0)}
25%{transform:translateY(-10px);-webkit-transform:translateY(-10px)}
75%{transform:translateY(10px);-webkit-transform:translateY(10px)}
}
@-webkit-keyframes float{
0%,100%,50%{transform:translateY(0);-webkit-transform:translateY(0)}
25%{transform:translateY(-10px);-webkit-transform:translateY(-10px)}
75%{transform:translateY(10px);-webkit-transform:translateY(10px)}
}
.icon-lg-gulp{z-index:3;position:absolute;right:0;top:0}
@media only screen and (max-width:1920px){
.icon-lg-gulp{z-index:3;position:absolute;right:-500px;top:-200px}
.icon-sm-gulp{left:-200px}
}
.animation6{animation:float2 4s linear infinite;-webkit-animation:float2 4s linear infinite}
.animation5{animation:hua 2.5s linear 1 forwards;-webkit-animation:hua 2.5s linear 1 forwards}
@keyframes hua{
0%{top:1500px;left:500px;transform:scale(0);-webkit-transform:scale(0)}
50%{top:1340px;left:300px;transform:scale(.5);-webkit-transform:scale(.5)}
100%{top:1180px;left:50px;transform:scale(1);-webkit-transform:scale(1)}
}
@-webkit-keyframes hua{
0%{top:1500px;left:500px;transform:scale(0);-webkit-transform:scale(0)}
50%{top:1340px;left:300px;transform:scale(.5);-webkit-transform:scale(.5)}
100%{top:1180px;left:50px;transform:scale(1);-webkit-transform:scale(1)}
}
.icon-snow{position:absolute;z-index:3;top:1500px;left:500px;transform:scale(0);-webkit-transform:scale(0);display:none}
@keyframes float2{
0%,100%,50%{transform:translateY(0);-webkit-transform:translateY(0)}
25%{transform:translateY(30px);-webkit-transform:translateY(30px)}
75%{transform:translateY(-30px);-webkit-transform:translateY(-30px)}
}
@-webkit-keyframes float2{
0%,100%,50%{transform:translateY(0);-webkit-transform:translateY(0)}
25%{transform:translateY(30px);-webkit-transform:translateY(30px)}
75%{transform:translateY(-30px);-webkit-transform:translateY(-30px)}
}
.animation7{animation:float3 2.5s linear 1 forwards;-webkit-animation:float3 2.5s linear 1 forwards}
.icon-dog{z-index:3;position:absolute;top:2400px;right:350px;display:none;transform:scale(0);-webkit-transform:scale(0)}
@keyframes float3{
0%{top:2400px;right:350px;transform:scale(0);-webkit-transform:scale(0)}
50%{display:none;top:2300px;right:200px;transform:scale(.5);-webkit-transform:scale(.5)}
100%{display:none;top:2200px;right:50px;transform:scale(1);-webkit-transform:scale(1)}
}
@-webkit-keyframes float3{
0%,100%,50%{top:2200px}
25%{top:2170px}
75%{top:2230px}
}
.icon-lx-sm{z-index:3;position:absolute;top:-400px;left:600px;opacity:0;animation:float4 linear 3s infinite;-webkit-animation:float4 linear 3s infinite}
.icon-lx-sm1{z-index:3;position:absolute;top:-400px;left:900px;opacity:0;animation:float5 linear 3.3s infinite 1.5s;-webkit-animation:float5 linear 3.3s infinite 1.5s}
.icon-lx-big{z-index:3;opacity:0;position:absolute;left:80px;top:-600px;animation:float6 linear 2.5s infinite 1s;-webkit-animation:float6 linear 2.5s infinite 1s}
.icon-lx-big1{z-index:3;opacity:0;position:absolute;top:-500px;left:1200px;animation:float7 linear 2.5s infinite;-webkit-animation:float7 linear 2.5s infinite}
@keyframes float4{
0%{opacity:0;top:-400px;left:600px}
30%{opacity:.5;top:-200px;left:250px}
60%{opacity:1;top:0;left:-80px}
100%{top:300px;left:-600px;opacity:.2}
}
@-webkit-keyframes float4{
0%{opacity:0;top:-400px;left:600px}
30%{opacity:.5;top:-200px;left:250px}
60%{opacity:1;top:0;left:-80px}
100%{top:300px;left:-600px;opacity:.2}
}
@keyframes float5{
0%{opacity:0;top:-400px;left:900px}
30%{opacity:.5;top:-200px;left:550px}
60%{opacity:1;top:0;left:220px}
100%{top:300px;left:-300px;opacity:.2}
}
@-webkit-keyframes float5{
0%{opacity:0;top:-400px;left:900px}
30%{opacity:.5;top:-200px;left:550px}
60%{opacity:1;top:0;left:220px}
100%{top:300px;left:-300px;opacity:.2}
}
@keyframes float6{
0%{opacity:0;top:-600px;left:400px}
30%{opacity:.5;top:-300px;left:-100px}
60%{opacity:1;top:0;left:-680px}
100%{top:300px;left:-1200px;opacity:.2}
}
@-webkit-keyframes float6{
0%{opacity:0;top:-600px;left:400px}
30%{opacity:.5;top:-300px;left:-100px}
60%{opacity:1;top:0;left:-680px}
100%{top:300px;left:-1200px;opacity:.2}
}
@keyframes float7{
0%{opacity:0;top:-500px;left:1200px}
30%{opacity:.5;top:-250px;left:780px}
60%{opacity:1;top:0;left:300px}
100%{top:300px;left:-200px;opacity:.2}
}
@-webkit-keyframes float7{
0%{opacity:0;top:-500px;left:1200px}
30%{opacity:.5;top:-250px;left:780px}
60%{opacity:1;top:0;left:300px}
100%{top:300px;left:-200px;opacity:.2}
}
.icon-xs-gulp{z-index:3;position:absolute;top:-270px;left:80px}
.icon-shadow{z-index:3;position:absolute;top:4196px;left:50%;margin-left:-129px;width:408px;height:360px;overflow:hidden;background:url(//game.gtimg.cn/images/jgyx/web202002/icon-shadow.png) no-repeat;animation:aniVip 4s steps(48) infinite;-webkit-animation:aniVip 4s steps(48) infinite}
@keyframes aniVip{
0%{background-position:0 0}
100%{background-position:-19680px 0}
}
@-webkit-keyframes aniVip{
0%{background-position:0 0}
100%{background-position:-19680px 0}
}
.light{width:500px;height:500px;border-radius:50%;overflow:hidden;position:absolute;z-index:2;top:4090px;left:50%;margin-left:-220px}
.light img{animation:light 2.5s linear infinite;-webkit-animation:light 2.5s linear infinite}
@keyframes light{
50%{transform:scale(.9);-webkit-transform:scale(.9)}
0%,100%{transform:scale(1);-webkit-transform:scale(1)}
}
.top{background-image:url(//game.gtimg.cn/images/jgyx/web202002/mian-bg.jpg);background-position:top center;background-repeat:no-repeat;background-color:#b67cd3;padding-top:25px;padding-bottom:30px;box-sizing:border-box;text-align:center}
.brand{font-size:0;border-radius:10px;border:1px solid rgba(255,255,255,.2);overflow:hidden;height:520px; width:1200px;}
.brand .brand-detail>div{display:inline-block;vertical-align:top}
.brand .brand-detail>div.left{width:896px}
.brand .brand-detail>div.left a{display: none; width:100%; height:100%;}
.brand .brand-detail>div.left a.on{display: block;}
.brand .brand-detail>div.left a img{display: block; border-radius:5px;}
.brand .brand-detail>div.right{width:260px;margin-left:20px}
/*.brand .brand-detail>div.right p{color:#fff}*/
.brand .brand-detail>div.right li{text-align:right;border-bottom:1px solid rgba(255,255,255,.2); transition: 0.5s; -webkit-transition: 0.5s; padding-top:20px;box-sizing: border-box;}
.brand .brand-detail>div.right p.title{text-align: left; transition: 0.5s; -webkit-transition: 0.5s; font-size:16px; color:rgba(255,255,255,.5); width:260px;font-size:18px;line-height:22px;height:45px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;padding-left:10px;box-sizing:border-box}
.brand .brand-detail>div.right p.title:before{content:''; transition: 0.5s; -webkit-transition: 0.5s; display:block;width:5px;height:18px;background:#29dae3;position:absolute;left:0;top:2px;opacity: 0;}
.brand .brand-detail>div.right li:hover p.title,.brand .brand-detail>div.right li.on p.title{color: white; text-indent: 10px;}
.brand .brand-detail>div.right li:hover p.title:before,.brand .brand-detail>div.right li.on p.title:before{opacity: 1;}
.brand .brand-detail>div.right .info{padding:25px 30px 0 0;box-sizing:border-box}
.brand .brand-detail>div.right .info p{font-size:16px;line-height:25px;height:300px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:12;-webkit-box-orient:vertical}
.brand .brand-detail>div.right a.btn-check-detail{position:relative;display:inline-block;margin:20px auto 10px;background:rgba(0,0,0,.2);width:105px;height:35px;font-size:16px;text-align:center;line-height:35px;border-radius:20px;color:#fff}
.brand .brand-detail>div.right a.btn-check-detail:before{transition: 0.5s; -webkit-transition: 0.5s; position:absolute;top:0;left:0;width:100%;height:100%;background:#29dae3;border-radius:20px; content: '查看详情'; opacity: 0;}
.news{max-width:1200px;font-size:0;margin:0 auto;text-align:left}
.news.news1{width:1200px}
.news.news1.news2 .news-nav{text-align:center}
.news.news1.news2 .news-nav a{text-align:center;display:inline-block;width:75px}
.news.news1 .news-nav{width:100%;padding:0;border-bottom:1px solid rgba(153,163,191,.2)}
.news.news1 .news-nav a{color:#fff}
.news.news1 .news-nav a.on:after{width:70px}
.news .news-nav{padding-left:30px;box-sizing:border-box;font-size:0;text-align:left;border-bottom:1px dashed rgba(153,163,191,.2)}
.news .news-nav a{display:inline-block;font-size:18px;font-weight:600;height:70px;line-height:70px;color:#303030;position:relative}
.news .news-nav a+a{margin-left:60px}
.news .news-nav a.on{color:#29dae3}
.news .news-nav a.on:after{display:block;content:'';width:40px;height:5px;background:#29dae3;position:absolute;bottom:-1px;left:0}
.news>div{display:inline-block;vertical-align:top;margin-top:20px}
.news>div.left{background:#fff;width:896px;border-radius:5px;padding-bottom:60px;box-sizing:border-box}
.news>div.left .news-list .btn-more1{display:block;margin:55px auto 0;position:relative}
.news>div.left .news-list .btn-more1:before{display:block;content:'';position:absolute;top:0;left:0;opacity:0;transition:.5s;-webkit-transition:.5s}
.news>div.left .news-list .btn-more1:hover:before{opacity:1}
.news>div.left li{transition:.5s;-webkit-transition:.5s}
.news>div.left li:hover{cursor:pointer}
.news>div.left li>div{padding:30px;box-sizing:border-box;transition:.5s;-webkit-transition:.5s}
.news>div.left li>div.news-txt1{border-bottom:1px dashed rgba(153,163,191,.2)}
.news>div.left li>div.news-txt1 p{font-size:16px;color:#2d2d2d;text-align:left;width:660px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news>div.left li>div.news-txt1 span{font-size:14px;color:#99a3bf;float:right;margin-top:-20px}
.news>div.left li>div.news-txt2{background:rgba(236,239,248,.5);position:relative;display:none}
.news>div.left li>div.news-txt2>a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.news>div.left li>div.news-txt2 img{/* width:832px;height:264px; */border-radius:10px;    max-width: 100%;}
.news>div.left li>div.news-txt2 .news-info{position:relative}
.news>div.left li>div.news-txt2 .news-info:after{display:block;content:'';position:absolute;top:50%;margin-top:-8px;right:0}
.news>div.left li>div.news-txt2 .news-info p{text-align:left}
.news>div.left li>div.news-txt2 .news-info p.news-tit{font-size:18px;font-weight:600;color:#2d2d2d;line-height:40px}
.news>div.left li>div.news-txt2 .news-info p.news-intr{width:740px;font-size:14px;color:#99a3bf;line-height:25px;height:50px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news>div.right{width:280px;margin-left:20px}
.news>div.right .tj-news{padding:0;margin:0}
.news>div.right .tj-news li{padding:0 15px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}
.news>div.right .tj-news li a{padding:15px 0;box-sizing:border-box;width:100%;height:100%;line-height:40px;color:#fff;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;transition:.5s;-webkit-transition:.5s}
.news>div.right .tj-news li:hover a{text-decoration:underline}
.news>div.right p.small-title{font-size:18px;position:relative;color:#fff;text-align:left;line-height:24px;text-indent:15px;font-weight:600;padding-bottom:20px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}
.news>div.right p.small-title a{float:right;color:rgba(255,255,255,.5);font-weight:400}
.news>div.right p.small-title:before{position:absolute;display:block;content:'';width:5px;height:24px;background:#29dae3;top:0;left:0}
.news>div.right .s-adv{margin-top:25px;width:280px;height:136px; border-radius: 4px}
.news>div.right .scan{margin-top:30px}
.news>div.right .scan li{border-top:1px solid rgba(255,255,255,.1);padding:15px;box-sizing:border-box}
.news>div.right .scan li img{display:inline-block;vertical-align:middle}
.news>div.right .scan li p{margin-left:50px;display:inline-block;vertical-align:middle;font-size:18px;color:#fff}
.news>div.right .rm-news{margin-top:38px}
.news>div.right .rm-news li{padding:20px 15px;box-sizing:border-box;position:relative;border-bottom:1px solid rgba(255,255,255,.1);font-size:0}
.news>div.right .rm-news li a{position:absolute;display:block;width:100%;height:100%;top:0;left:0}
.news>div.right .rm-news li:hover:before{opacity:1}
.news>div.right .rm-news li:hover span{display:block}
.news>div.right .rm-news li:hover span.game-name{font-weight:600;color:#fff}
.news>div.right .rm-news li:hover span.game-lx{font-size:12px;color:#fff}
.news>div.right .rm-news li:after{display:block;content:'';position:absolute;right:0;top:50px}
.news>div.right .rm-news li:before{display:block;content:'';position:absolute;right:0;top:50px;opacity:0;transition:.5s;-webkit-transition:.5s}
.news>div.right .rm-news li img{width:80px;height:80px;border-radius:10px;display:inline-block;vertical-align:middle}
.news>div.right .rm-news li>p{display:inline-block;vertical-align:middle;margin-left:15px;box-sizing:border-box}
.news>div.right .rm-news li>p span{display:block;transition:.5s;-webkit-transition:.5s}
.news>div.right .rm-news li>p span.game-name{font-size:18px;color:#fff;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news>div.right .rm-news li>p span.game-lx{font-size:12px;color:rgba(255,255,255,.5)}
.bottom{background:url(//game.gtimg.cn/images/jgyx/web202002/ny-foot-bg.jpg) no-repeat top center;padding-top:540px;padding-bottom:20px;box-sizing:border-box}
.bottom .footer1{margin-top:-55px;padding:0;background:0 0;height:300px}
.news .left>p.title{color:#2d2d2d;font-size:24px;text-align:left;text-indent:30px;padding-top:20px;box-sizing:border-box;font-weight:600}
.news .left .getdata{font-size:0;margin:0 30px;border-bottom:1px solid rgba(153,163,191,.2);box-sizing:border-box}
.news .left .getdata span{display:inline-block;vertical-align:middle;color:#99a3bf;font-size:12px;line-height:40px;position:relative}
.news .left .getdata span.time{text-indent:15px}
.news .left .getdata span.time:before{position:absolute;display:block;content:'';top:14px;left:0}
.news .left .getdata span.lll{float:right;margin-right:15px;padding-right:18px;box-sizing:border-box}
.news .left .getdata span.lll:after{position:absolute;display:block;content:'';top:16px;right:0}
.news .left .getdata span.like{float:right;padding-right:15px;box-sizing:border-box}
.news .left .getdata span.like:after{position:absolute;display:block;content:'';top:15px;right:0}
.news .left .artical{padding:20px 30px 50px;box-sizing:border-box}
.news .left .artical img{max-width:100%;margin:10px auto 0}
.news .left .artical p{color:#2d2d2d;font-size:14px;line-height:25px;font-weight:600}
.news .left .artical p a{color:#4046dc}
.news .left .artical p.center{text-align:center;margin:20px 0 0}
.news .left .artical .center{text-align:center;margin:10px 0}
.news .left .artical .center .img{max-width:100%;margin:0 auto}
.news .left .artical .center .img1{max-width:100%;margin:10px auto 0}
.news .left>a.btn-return{display:block;margin:30px auto 0}
.news .left>.btn-like{margin:90px auto 0;display:block;color:#99a3bf;font-size:12px;text-align:center;padding-top:45px;box-sizing:border-box}
.all-game ul{font-size:0;padding-bottom:40px;box-sizing:border-box}
.all-game ul>a{margin:130px auto 0;display:block;position:relative}
.news .load{ position: relative; height: 42px; width: 100%; text-align: center; }
.news .btn-more{margin:0 auto ;display:block;position:relative}
.all-game ul>a:before,.news .btn-more:before{content:'';display:block;position:absolute;top:0;left:0;opacity:0;transition:.5s;-webkit-transition:.5s}
.all-game ul>a:hover:before,.news .btn-more:hover:before{opacity:1}
.all-game ul li{position:relative;display:inline-block;vertical-align:middle;width:280px;border:1px solid rgba(255,255,255,.2);border-radius:5px 5px 0 0;overflow:hidden;padding-bottom:15px;box-sizing:border-box;margin:30px 10px 0;transition:.5s;-webkit-transition:.5s}
.all-game ul li a.link{display: block;width:100%;height:100%;position: absolute; top:0; left:0;z-index:20;}
.all-game ul li .img{width:280px;height:256px;border-radius:5px 5px 0 0;overflow:hidden}
.all-game ul li .img img{display:block;width:100%;transition:.5s;-webkit-transition:.5s}
.all-game ul li:hover{cursor:pointer;border:1px solid #fff}
.all-game ul li:hover p.intro{color:#fff}
.all-game ul li:hover a{background:#29dae3}
.all-game ul li:hover a.link{background:none;}
.all-game ul li:hover .img img{transform:scale(1.2);-webkit-transform:scale(1.2)}
.all-game ul p{padding:0 15px 0 15px;box-sizing:border-box;text-align:left}
.all-game ul p.title{margin-top:20px}
.all-game ul p.title span{display:inline-block;vertical-align:middle}
.all-game ul p.title span.title{font-size:18px;font-weight:600;color:#fff}
.all-game ul p.title span.data{font-size:14px;color:rgba(255,255,255,.5);float:right;margin-top:4px}
.all-game ul p.sign{margin-top:10px;font-size:0}
.all-game ul p.sign span{display:inline-block;vertical-align:middle;padding:0 10px;box-sizing:border-box;color:#fff;text-align:center;font-size:12px;height:25px;line-height:25px;border-radius:3px}
.all-game ul p.sign span+span{margin-left:5px}
.all-game ul p.sign span.green{background:#2b84aa}
.all-game ul p.sign span.blue{background:#3d41c7}
.all-game ul p.sign span.purple{background:#8a53d9}
.all-game ul p.intro{transition:.5s;-webkit-transition:.5s;margin-top:10px;font-size:14px;color:rgba(255,255,255,.5);height:42px;line-height:21px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.all-game ul a.btn-once-yy{display:block;margin:20px auto 0;width:150px;height:40px;background:rgba(0,0,0,.2);text-align:center;line-height:40px;border-radius:20px;color:#fff;font-size:16px;font-weight:600;transition:.5s;-webkit-transition:.5s}
.part4{margin-top:200px;transform:translate(0,200px);-webkit-transform:translate(0,200px);transition:1s;-webkit-transition:1s;opacity:0}
.part4.show{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}
.part4 .content4{margin-top:40px;height:415px}
/*!游戏通用底部*/
.footer{display:block;position:relative;z-index:2;height:175px;background-color:#111b26;width:100%}
.footer .foot_links li,.footer p{margin:0;font-size:12px}
.footer .foot{position:relative;background:0 0;width:1200px;margin:0 auto;text-align:center;font-size:0;padding-top:50px}
.foot-logo{width:230px;display:inline-block;vertical-align:middle}
.foot-logo img{width:192px;vertical-align:top}
.foot-copyright{width:700px;color:#92a3b7;font-size:12px;line-height:24px}
.foot-copyright a{color:#92a3b7}
/*!.footer .foot_lefts{display: none;float:none;height: 66px;}
.footer .foot_cpright{padding:0;}
.footer .limit_age{display: none;}
.footer .foot_links,.footer .foot_links a:link,.footer .foot_links a:visited{color:#92a3b7;text-decoration: none;}
.footer .foot_links .link_map span{color:#92a3b7;margin:0 4px;}
.footer .foot_links{position: relative;margin-left: auto;width:700px;}
.footer .copyright_en{padding-top:5px;}
.footer .copyright_zh{padding-top:5px;}
.footer .foot-logo{position: absolute;left:50px;top:80px;padding-top:0;width:230px;font-size: 12px;color: #92a3b7;}
.footer .foot-logo a{display:inline-block;*display:inline;*zoom:1;width:150px;height:80px;vertical-align: top;margin-right: 30px;background-color:#2e3946;}*/
/*!# sourceMappingURL=comm.css.map */